<div style="width: 205px; background-color: #F5F3E5; font-family: sans-serif">

<div style="border: 1px solid green">
<div style="width: 200px; text-align: center; font-family: sans-serif; font-weight: bold">Energy (kWh)</div>


<table>
  <tr>
  <td style="font-size: 12px; font-weight: bold">Goal:</td>
  <td>
  <div style="width:148px; height:20px; background-color:#F5F3E5; border: 1px solid black">
    <div style="width:66%; height:20px; background-color:#3CB371; border-right:1px black solid;">
      <span style="position: absolute; width: 100px; font-size: small; font-weight: bold">&nbsp;311</span>
      <span style="position: absolute; width: 150px; text-align: right; font-size: small; font-weight: bold">378&nbsp;</span>
    </div>
  </div>
  </td>
  </tr>

  <tr>
  <td style="font-size: 12px; font-weight: bold">Actual:</td>
  <td>
  <div style="width:105px; height:20px; background-color:#3CB371">
    <span style="position: absolute; width: 105px; height:20px; font-size: small; font-weight: bold; border: 1px solid black">&nbsp;314</span>
  </div>
  </td>
  </tr>
</table>

  <div style="width: 200px; text-align: center; font-weight: bold; font-size: 12px">Over daily goal by 3kWh!</div>

  <div style="text-align: center; font-size: 10px">Last Update: 12/27/2010 9:34:00</div>

</div>
</div>
